import { NavBar, Tabs } from "antd-mobile"
import React from "react"
import OnSaleList from "./onsale-list"
import SoldOutList from "./sold-out-list"

const Maintain: React.FC = () => {
  return (
    <>
      <NavBar onBack={() => { window.history.back() }}>菜品维护</NavBar>
      <Tabs>
        <Tabs.Tab title='上架中' key='process'>
          <OnSaleList />
        </Tabs.Tab>
        <Tabs.Tab title='已下架' key='deliver'>
          <SoldOutList />
        </Tabs.Tab>
        <Tabs.Tab title='已售罄' key='done'>
          <SoldOutList />
        </Tabs.Tab>
        <Tabs.Tab title='折扣' key='aftersale'>

        </Tabs.Tab>
      </Tabs>
    </>
  )
}

export default Maintain